<template>
  <div id="index">
    <header-image></header-image>
    <header-navbar></header-navbar>
    <item-list></item-list>
    <hot-artical></hot-artical>
    <company-news></company-news>
    <tab-list></tab-list>
    <teacher-info></teacher-info>
    <lun-bo></lun-bo>
    <navbar-footer></navbar-footer>
  </div>
</template>

<script>
import HeaderImage from "@/components/index/HeaderImage";
import HeaderNavbar from "@/components/index/HeaderNavbar";
import ItemList from "@/components/index/ItemList";
import HotArtical from "@/components/index/HotArtical";
import CompanyNews from "@/components/index/CompanyNews";
import TabList from "@/components/index/TabList";
import TeacherInfo from "@/components/index/TeacherInfo";
import LunBo from "@/components/index/LunBo";
import NavbarFooter from "@/components/index/NavbarFooter";
export default {
  components: {
    HeaderImage,
    HeaderNavbar,
    ItemList,
    HotArtical,
    CompanyNews,
    TabList,
    TeacherInfo,
    LunBo,
    NavbarFooter
  }
};
</script>

<style lang="scss" scoped>
#index {
  width: 100%;
  box-sizing: border-box;
}
</style>